/**
 * 
 */
if (!org)
	var org = {};
if (!org.chart4jsf)
	org.chart4jsf = {};
org.chart4jsf.chart = {
	pie : function(container, title, data) {
		new Highcharts.Chart({
			chart : {
				renderTo : container,
				plotBackgroundColor : null,
				plotBorderWidth : null,
				plotShadow : false
			},
			title : {
				text : title
			},
			tooltip : {
				formatter : function() {
					return '<b>' + this.point.name + '</b>: ' + this.y + ' %';
				}
			},
			plotOptions : {
				pie : {
					allowPointSelect : true,
					cursor : 'pointer',
					dataLabels : {
						enabled : true,
						color : '#ffffff',
						connectorColor : '#ffffff',
						formatter : function() {
							return '<b>' + this.point.name + '</b>: ' + this.y
									+ ' %';
						}
					}
				}
			},
			series : [ {
				type : 'pie',
				name : 'Browser share',
				data : data
			} ]
		});
	},
	data : function(items, values) {
		var data = new Array();

		return [ [ 'Firefox', 45.0 ], [ 'IE', 26.8 ], [ 'Chrome', 12.8 ],
				[ 'Safari', 8.5 ], [ 'Opera', 6.2 ], [ 'Others', 0.7 ] ];
	}
};
